<html>
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="sampleStyle.css">
	<script src="xmlLoader.js" type="text/javascript"/></script>
	
	<script type="text/javascript"/>
		
		function loadOperatori(){
			
			//recupero i dati dal server
			var operatoriXML=loadXMLDoc("/operatori");
			var operatori=operatoriXML.getElementsByTagName("operatore");

			//creo il codice HTML della lista degli operatori 
			var newText="";
			
			for(var i=0;i<operatori.length;i++){//operatori sarà un array
				
				var operatore=operatori[i].firstChild.nodeValue;
				
				//esempio : <li onclick="loadRegistro('Angelo')">Angelo</li>
				newText=newText+"<li onclick=\"loadRegistro('"+operatore+"')\">"+operatore+"</li>";
			}
			
			//assegno il codice html generato dinamicamente al tag ul 'listaOperatori'
			var ulOperatori=document.getElementById("listaOperatori");
			ulOperatori.innerHTML=newText;
		}
		
		function loadRegistro(operatore){
			
			var link="/registro?operatore="+operatore+"&data=300314";
			
			var registroXML=loadXMLDoc(link);
			
			var registro=registroXML.getElementsByTagName("log");
			
			
			if(registro[0]!=undefined){
				//getElementsByTagName ritorna un array, ma in questo caso avrà un solo elemento
				
				var stocks=registroXML.getElementsByTagName("stock");
				
				var innerHTMLText="<ul>";
				for(var i=0;i<stocks.length;i++){
					var attributes=stocks[i].attributes;
					
					//alert(attributes)
					var numero=attributes.item(0).value;
					
					innerHTMLText=innerHTMLText+"<li> Quantit\u00e0:"+numero+", Modello:"+stocks[i].firstChild.data+"</li>";
				}
			
				var registro=document.getElementById("registro");
				registro.innerHTML=innerHTMLText;	
			}else{
			
				registro.innerHTML="Nessun Elemento Trovato";
			}
			
		}
		
	</script>

<body onLoad="loadOperatori();">
	<div class="main">
		<div class="header">
		<h1>
			Registro Operatori
		</h1>
		</div>
			<div class="content">
				
					<div class="col1">
						<h2>Operatori</h2>
						<ul id="listaOperatori">
						<!-- Viene caricata dal codice Javascript!! -->
						</ul>
						</br>
						</br>
						</br>
						</br>
						</br>
						</br>
						<A HREF="inserimento_registro.html">Vai alla pagina di inserimento</A>
					</div>
				
					<div class="col2" id="registro">
							<h1>Clicca su un Operatore per visualizzarne il registro.</h1>
					</div>
				</div>
	</div>
</body> 
</html>
